<template>
	<view class="header">
		<uni-icons type="left" size="25" @click="goback"></uni-icons>
		<uni-icons type="star" size="25" class="star-btn"></uni-icons>
		<uni-icons type="redo" size="25" class="redo-btn"></uni-icons>
	</view>

	<view class="knowledge-content">
		<h4>蛋花豆腐羹</h4>
		<br>
		<span class="content-browse">3333次浏览</span>&nbsp;&nbsp;
		<span class="content-browse">2222人喜欢</span>
		<view class="content-text"><b>主要食材：</b>鸡蛋、豆腐、西红柿、玉米、胡萝卜等</view>
		<image src="../../../static/picture/meishi1.jpg" class="content-image" ></image>
		<view class="content-text">第一步是，在锅中倒入适量的水，加热，然后把豆腐放入锅中焯一会去腥，捞起来晾凉之后，再切成小正方块。接着取1~2个鸡蛋，喜欢的就多取几个，统一打散到碗里搅拌，放在一边待会用。<br>做完以上步骤，准备工作就完成了。第二步是在锅中倒入适量的水和油，放入切好的豆腐块。如果你准备了玉米粒，也是这个时候放。等到再煮一会，就把鸡蛋液倒入锅中，有西红柿的话，就一起放吧，再加点盐，过一会就能吃啦。</view>
		<view class="content-like">
			<uni-icons type="heart" size="60" color="#666EE8"></uni-icons>	
		</view>	
		<view class="content-like-count">喜欢 1234</view>
	</view>
</template>

<script setup>
const goback =()=>{
	uni.navigateTo({
		url: '/pages/recipe/list/list' 
	});
}	
</script>

<style scoped>
.knowledge-content{
	margin: 40rpx 40rpx;
}

.content-browse{
	font-size: 26rpx;
	color: #999999;
}

.content-text{
	line-height: 64rpx;
	color: #666666;
	padding: 30rpx 0rpx;
}
.content-image{
	margin: 30rpx 0rpx;
}
.content-like{
	margin-top: 40rpx;
	text-align: center;
}
.content-like-count{
	text-align: center;
	font-size: 30rpx;
	color: #999999;
	margin-bottom: 40rpx;
}
/* ------导航栏------- */
.header {
	background-color: #fff;
	display: flex;
	justify-content: space - between;
	align-items: center;
	padding: 20rpx 14rpx;
	position: relative;
	border-bottom: 2rpx solid #F5F5F5;
}
.star-btn{
	position: absolute;
	right: 120rpx;
}
.redo-btn{
	position: absolute;
	right: 40rpx;
}

</style>
	